<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤选择器</title>
    <script src="/static/jQuery-1.11/jquery-1.11.3.min.js"></script>
    <style type="text/css"> .selected {
        background-color: gray;
    }</style>
    <script>
        $(function () {
            // 问题 1：获取隐藏 input 的 value 属性值,
            // 不能使用根据元素名, 也不能通过给元素加id 属性，再通过 id 选择器找
            console.log($('input[name="id"]').val());
            // 问题 2：获取选中的 option
            console.log($('option:selected').val())
        })

    </script>
</head>
<body>
<input type="hidden" name="id" value="1">
<select>
    <option value="1">Flowers</option>
    <option value="2" selected>Gardens</option>
    <option value="3">Trees</option>
</select>
<hr/>
<div>
    <p>
        问题 1：获取隐藏 input 的 value 属性值, 不能使用根据元素名, 也不能通过给元素加
        id 属性，再通过 id 选择器找
    </p>
    <p>
        问题 2：获取选中的 option
    </p>
</div>

</body>
</html>